﻿<%@ Page Language="C#" MasterPageFile="~/Samples/Sample.Master" AutoEventWireup="true"
    CodeBehind="CascadingDropDowns.aspx.cs" Inherits="JQueryControlToolkit.Sample.Web.Samples.CascadingDropDowns"
    Title="Untitled Page" %>

<asp:Content ID="Content2" ContentPlaceHolderID="body" runat="server">
    <asp:DropDownList ID="DropDownList1" runat="server" class="list1">
        <asp:ListItem Text="Flowers" Value="1" />
        <asp:ListItem Text="Animals" Value="2" />
    </asp:DropDownList>
    <asp:DropDownList ID="DropDownList2" runat="server" class="list2">
        <asp:ListItem class="sub_1" Text="Roses" Value="11" />
        <asp:ListItem class="sub_1" Text="Ochid" Value="12" />
        <asp:ListItem class="sub_1" Text="Tulip" Value="13" />
        <asp:ListItem class="sub_1" Text="Tulipaaaaaaaaaaaaaaaaaaaaaaaaaaaa"
            Value="13" />
        <asp:ListItem class="sub_2" Text="Humans" Value="21" />
        <asp:ListItem class="sub_2" Text="Dogs" Value="22" />
        <asp:ListItem class="sub_2" Text="Cats" Value="23" />
    </asp:DropDownList>
    <asp:DropDownList ID="DropDownList3" runat="server" class="list3">
        <asp:ListItem class="sub_11" Text="Pink" Value="111" />
        <asp:ListItem class="sub_11" Text="Red" Value="112" />
        <asp:ListItem class="sub_12" Text="Blue" Value="123" />
        <asp:ListItem class="sub_12" Text="Pink" Value="124" />
        <asp:ListItem class="sub_13" Text="Yellow" Value="133" />
        <asp:ListItem class="sub_21" Text="Man" Value="211" />
        <asp:ListItem class="sub_21" Text="Woman" Value="212" />
        <asp:ListItem class="sub_22" Text="Chihuahua" Value="221" />
        <asp:ListItem class="sub_22" Text="Caniche" Value="222" />
        <asp:ListItem class="sub_23" Text="Persan" Value="231" />
        <asp:ListItem class="sub_23" Text="Bastard" Value="232" />
    </asp:DropDownList>
    <jQuery:CascadingDropDownExtender runat="server" 
        TargetControlSelector="$DropDownList2"
        ParentDropDownSelector="$DropDownList1" />
    <jQuery:CascadingDropDownExtender runat="server" 
        TargetControlSelector=".list3" 
        ParentDropDownSelector=".list2" />
</asp:Content>
